<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript">
function calculate() {
  var num = parseInt(document.getElementById("num").value, 10);
  var result = 0;
  // ループで合計を計算
  for (var i = 0; i <= num; i++) {
    result += i;
  }
  alert("合計は" + result + "です。");
}
</script>
</head>
<body>
<h1>1から入力値までの合計を算出</h1>
数値を入力:<input type="text" id="num">
<button onclick="calculate()">計算！</button>
</body>
</html>
